<%--
  Created by IntelliJ IDEA.
  User: aa324
  Date: 2023/6/20
  Time: 18:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html>
<head>
    <title>dyp后台管理系统</title>
    <script src="<c:url value="/libs/jquery-3.6.0/jquery.min.js"/>"></script>
    <script src="<c:url value="/libs/bootstrap-4.6.0-dist/js/bootstrap.min.js"/>"></script>
    <link rel="stylesheet" href="<c:url value="/libs/bootstrap-4.6.0-dist/css/bootstrap.min.css"/>">
    <style>
        .navbar-item a:hover {
            color: cornflowerblue !important;
        }

        .navbar-item:hover {
            background-color: rgb(40, 40, 40);
        }

        .form-control-plaintext:focus {
            outline: none !important;
        }

        nav {
            background-color: #304156 !important;
        }

        .white-block {
            border-radius: 0.25rem !important;
            margin-left: 1rem;
            margin-top: 1rem;
            padding: 1rem 1rem;
            background-color: white;
            vertical-align: 0;
            position: relative;
        }

        * {
            margin: 0;
            padding: 0;
        }

        td {
            vertical-align: middle !important;
        }

        .modify {
            background-color: #3041569c;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btn-close {
            position: absolute;
            right: -0.3rem;
            top: 1px;
        }
    </style>
</head>
<body>
<div class="container-fluid p-0">
    <!-- 侧边导航栏 -->
    <nav class="navbar navbar-dark bg-dark col-2 vh-100 d-inline-block p-0">
        <!-- 主页 -->
        <div class="container-fluid navbar-item">
            <a class="navbar-brand w-100 h-100 p-3 pl-4" id="nav_home" href="#">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" fill="currentColor"
                     class="d-inline-block align-text-top bi bi-house mr-3" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"></path>
                    <path fill-rule="evenodd"
                          d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"></path>
                </svg>
                主页
            </a>
        </div>
        <!-- 账号管理 -->
        <div class="container-fluid navbar-item">
            <a class="navbar-brand w-100 h-100 p-3 pl-4" id="nav_user" href="#">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" fill="currentColor"
                     class="d-inline-block align-text-top bi bi-key mr-3" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z"></path>
                    <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
                </svg>
                账号管理
            </a>
        </div>
        <!-- 修改 -->
        <div class="container-fluid navbar-item">
            <a class="navbar-brand w-100 h-100 p-3 pl-4" id="nav_db" href="#">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" fill="currentColor"
                     class="d-inline-block align-text-top bi bi-wrench mr-3" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M.102 2.223A3.004 3.004 0 0 0 3.78 5.897l6.341 6.252A3.003 3.003 0 0 0 13 16a3 3 0 1 0-.851-5.878L5.897 3.781A3.004 3.004 0 0 0 2.223.1l2.141 2.142L4 4l-1.757.364L.102 2.223zm13.37 9.019L13 11l-.471.242-.529.026-.287.445-.445.287-.026.529L11 13l.242.471.026.529.445.287.287.445.529.026L13 15l.471-.242.529-.026.287-.445.445-.287.026-.529L15 13l-.242-.471-.026-.529-.445-.287-.287-.445-.529-.026z"></path>
                </svg>
                修改
            </a>
        </div>
        <!-- 退出系统 -->
        <div class="container-fluid navbar-item">
            <a class="navbar-brand w-100 h-100 p-3 pl-4" id="nav_exit" href="<c:url value="/exitServlet"/>">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" fill="currentColor"
                     class="d-inline-block align-text-top bi bi-door-open mr-3" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M1 15.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5zM11.5 2H11V1h.5A1.5 1.5 0 0 1 13 2.5V15h-1V2.5a.5.5 0 0 0-.5-.5z"></path>
                    <path fill-rule="evenodd"
                          d="M10.828.122A.5.5 0 0 1 11 .5V15h-1V1.077l-6 .857V15H3V1.5a.5.5 0 0 1 .43-.495l7-1a.5.5 0 0 1 .398.117z"></path>
                    <path d="M8 9c0 .552.224 1 .5 1s.5-.448.5-1-.224-1-.5-1-.5.448-.5 1z"></path>
                </svg>
                退出
            </a>
        </div>
    </nav>
    <!-- 主内容 -->
    <section class="col-10 p-0 float-right container-fluid bg-light vh-100">
        <!-- 顶部 -->
        <header class="w-100 m-0 bg-white shadow row justify-content-between align-items-center p-2">
            <!-- 左半部分 -->
            <div class="col-2 d-flex align-items-center">
                <!-- 菜单栏按钮 -->
                <a class="btn btn-toolbar">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="28" fill="currentColor"
                         class="d-inline-block bi bi-list" viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                              d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
                    </svg>
                </a>
                <span class="ml-2 h5 m-0" id="header_name">主页</span>
            </div>
            <!-- 右半部分 -->
            <div class="user col-2 justify-content-end d-flex align-items-center mr-3">
                <span class="h5 mr-2 m-0">
                    <c:out value="${sessionScope.name}"/>
                </span>
                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="32" fill="currentColor"
                     class="d-inline-block bi bi-person" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"></path>
                </svg>
            </div>
        </header>
        <!-- 主页模块页面 -->
        <div id="home" class="page">
            <div class="col-4 m-0 p-0 d-inline-flex float-left flex-column justify-content-between">
                <!-- 管理员账号 -->
                <div class="white-block d-block border">
                    <!-- 管理员头像姓名 -->
                    <div class="border-bottom admin pb-4 m-auto d-flex align-items-center justify-content-around">
                        <svg xmlns="http://www.w3.org/2000/svg" width="82" height="82" fill="currentColor"
                             class="figure-img d-inline-block rounded-circle border bg-info text-white"
                             viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"></path>
                        </svg>
                        <span class="h4 d-inline-flex flex-column">
                            <c:out value="${sessionScope.name}"/>
                            <small class="text-secondary h6">管理员</small>
                        </span>
                    </div>
                    <!-- 管理员登录时间 -->
                    <div class="pt-2 mb-2 text-center">
                        <div class="row row-cols-2">
                            <span class="col">上次登录时间：</span>
                            <span class="col text-secondary">
                                <c:out value="${sessionScope.lastTime}"/>
                            </span>
                        </div>
                    </div>
                </div>
                <!-- 电影列表 -->
                <div class="white-block d-block border h-75">
                    <table class="table text-center table-striped">
                        <thead>
                        <tr>
                            <th>电影名</th>
                            <th>今日售票</th>
                            <th>本月售票</th>
                            <th>累计</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${sessionScope.ticketNums}" var="ticketNum">
                            <tr>
                                <td><c:out value="${ticketNum.getName()}"/></td>
                                <td><c:out value="${ticketNum.getDay()}"/></td>
                                <td><c:out value="${ticketNum.getMoon()}"/></td>
                                <td><c:out value="${ticketNum.getAll()}"/></td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-8 float-right">
                <!-- 卡片组 -->
                <div class="row row-cols-3 white-block ml-0 w-100 border">
                    <!-- 收益卡片 -->
                    <div class="col border text-light pl-0 p-0 row m-0 w-100 border-0">
                        <i class="d-inline-block col-3 bg-info p-2 pt-3 pb-3 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
                                 class="bi bi-award" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M9.669.864L8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193l-1.51-.229L8 1.126l-1.355.702-1.51.229-.684 1.365-1.086 1.072L3.614 6l-.25 1.506 1.087 1.072.684 1.365 1.51.229L8 10.874l1.356-.702 1.509-.229.684-1.365 1.086-1.072L12.387 6l.248-1.506-1.086-1.072-.684-1.365z"></path>
                                <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"></path>
                            </svg>
                        </i>
                        <div
                                class="border bg-light col-8 text-dark d-flex flex-column justify-content-center pl-4">
                            <div class="h3 m-0 w-100">
                                ￥
                                <span class="ml-1">
                                        <c:out value="${sessionScope.card.getToday()}"/>
                                    </span>
                            </div>
                            <small>今日收益</small>
                        </div>
                    </div>
                    <!-- 顾客数量 -->
                    <div class="col border text-light pl-0 p-0 row m-0 w-100 border-0">
                        <i class="d-inline-block col-3 bg-success p-2 pt-3 pb-3 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
                                 class="bi bi-person" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"></path>
                            </svg>
                        </i>
                        <div
                                class="border bg-light col-8 text-dark d-flex flex-column justify-content-center pl-4">
                            <div class="h3 m-0 w-100">
                                    <span class="mr-2">
                                        <c:out value="${sessionScope.card.getPeople()}"/>
                                    </span>
                                人
                            </div>
                            <small>注册人数</small>
                        </div>
                    </div>
                    <div class="col border text-light pl-0 p-0 row m-0 w-100 border-0">
                        <i class="d-inline-block col-3 bg-primary p-2 pt-3 pb-3 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
                                 class="bi bi-bag" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M8 1a2.5 2.5 0 0 0-2.5 2.5V4h5v-.5A2.5 2.5 0 0 0 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5H2z"></path>
                            </svg>
                        </i>
                        <div
                                class="border bg-light col-8 text-dark d-flex flex-column justify-content-center pl-4">
                            <div class="h3 m-0 w-100">
                                ￥
                                <span class="ml-1">
                                        <c:out value="${sessionScope.card.getAll()}"/>
                                    </span>
                            </div>
                            <small>累计收益</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 账号管理页面 -->
        <div id="account" class="page">
            <div class="db-item m-0 mt-3 p-2">
                <!-- 表格 -->
                <table class="table table-light bg-white white-block m-0 w-100 text-center table-striped table-hover">
                    <thead>
                    <tr>
                        <th>身份</th>
                        <th>ID</th>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${sessionScope.users}" var="user"
                               begin="${param.st}" end="${param.ed}">
                        <tr>
                            <td class="form-group col-2">顾客</td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="id"
                                           value="${user.getId()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="name"
                                           value="${user.getName()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="tel"
                                           value="${user.getTel()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <a class="p-1 btn btn-modify text-info" href="javaScript:void(0)">编辑</a>
                                <a class="p-1 btn btn-remove text-success"
                                   href="<c:url value="/removeServlet?stored=del_user&id=${user.getId()}&back=/adminServlet"/>">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                <!-- 修改页面 -->
                <div class="w-100 h-100 d-none modify">
                    <div class="white-block m-0 w-25 bg-light" id="modify-user">
                        <form action="modifyServlet" class="d-inline-flex flex-column w-100 p-3 align-items-center">
                            <div class="d-none">
                                <label>
                                    <input type="text" name="table" value="customer">
                                    <input type="text" name="id">
                                </label>
                            </div>
                            <!-- 输入框 - 姓名 -->
                            <div class="form-group row m-0">
                                <label for="u1" class="col-form-label">姓名</label>
                                <input type="text" class="form-control" name="name" id="u1"/>
                            </div>
                            <!-- 输入框 - 电话 -->
                            <div class="form-group row m-0">
                                <label for="u2" class="col-form-label">电话</label>
                                <input type="text" class="form-control" name="tel" id="u2"/>
                            </div>
                            <!-- 提交按钮 -->
                            <input type="submit" class="btn btn-info mt-4 col-6" value="确认">
                        </form>
                        <!-- 关闭按钮 -->
                        <a class="btn btn-close">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-x" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 数据库页面 -->
        <div id="db" class="page">
            <!-- 顶部表单切换 -->
            <nav class="navbar navbar-expand navbar-light bg-white border-top p-0">
                <div class="collapse navbar-collapse shadow">
                    <ul class="navbar-nav">
                        <li class="nav-item pl-3 pr-3">
                            <a href="javaScript:void(0)" class="nav-link d-inline-flex align-items-center">
                                <i class="icon-circle d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle" viewBox="0 0 16 16">
                                        <path
                                                d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
                                    </svg>
                                </i>
                                <i class="icon-circle-fill d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle-fill" viewBox="0 0 16 16">
                                        <circle cx="8" cy="8" r="8"></circle>
                                    </svg>
                                </i>
                                <span class="ml-2">电影管理</span>
                            </a>
                        </li>
                        <li class="nav-item pl-3 pr-3">
                            <a href="javaScript:void(0)" class="nav-link d-inline-flex align-items-center">
                                <i class="icon-circle d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle" viewBox="0 0 16 16">
                                        <path
                                                d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
                                    </svg>
                                </i>
                                <i class="icon-circle-fill d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle-fill" viewBox="0 0 16 16">
                                        <circle cx="8" cy="8" r="8"></circle>
                                    </svg>
                                </i>
                                <span class="ml-2">影票管理</span>
                            </a>
                        </li>
                        <li class="nav-item pl-3 pr-3">
                            <a href="javaScript:void(0)" class="nav-link d-inline-flex align-items-center">
                                <i class="icon-circle d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle" viewBox="0 0 16 16">
                                        <path
                                                d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
                                    </svg>
                                </i>
                                <i class="icon-circle-fill d-inline-block d-inline-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor"
                                         class="bi bi-circle-fill" viewBox="0 0 16 16">
                                        <circle cx="8" cy="8" r="8"></circle>
                                    </svg>
                                </i>
                                <span class="ml-2">订单管理</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
            <!-- 电影管理 -->
            <div class="db-item m-0 mt-3 p-2">
                <!-- 表格 -->
                <table class="table table-light bg-white white-block m-0 w-100 text-center table-striped table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>分类</th>
                        <th>电影名</th>
                        <th>电影时长</th>
                        <th>票价</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- 影片管理 -->
                    <c:forEach items="${sessionScope.films}" var="film">
                        <tr>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input class="form-control-plaintext text-center" disabled name="id"
                                           value="${film.getId()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly
                                           name="classify"
                                           value="${film.getClassify()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="name"
                                           value="${film.getName()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="time"
                                           value="${film.getTime()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="price"
                                           value="${film.getPrice()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <a class="p-1 btn btn-modify text-info" href="javaScript:void(0)">编辑</a>
                                <a class="p-1 btn btn-remove text-success"
                                   href="<c:url value="/removeServlet?stored=del_film&id=${film.getId()}&back=/adminServlet"/>">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                <!-- 修改页面 -->
                <div class="w-100 h-100 d-none modify">
                    <div class="white-block m-0 w-25 bg-light" id="modify-film">
                        <form action="modifyServlet" class="d-inline-flex flex-column p-3 align-items-center">
                            <!-- 表单 - 信息-->
                            <div class="d-none">
                                <label>
                                    <input type="text" name="table" value="film">
                                    <input type="text" name="id">
                                </label>
                            </div>
                            <!-- 下拉菜单 - 分类 -->
                            <div class="row w-100 mb-3">
                                <div class="col-auto pl-0">
                                    <label for="f1" class="col-form-label">分类</label>
                                </div>
                                <div class="col-auto">
                                    <select class="custom-select" id="f1" name="classify">
                                        <option selected>Choose</option>
                                        <c:forEach items="${sessionScope.video}" var="v">
                                            <option value="${v.getId()}">
                                                <c:out value="${v.getName()}"/>
                                            </option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                            <!-- 输入框 - 电影列表 -->
                            <div class="form-group row m-0 w-100">
                                <label for="f2" class="col-form-label">电影</label>
                                <input type="text" class="form-control" name="name" id="f2"/>
                            </div>
                            <!-- 输入框 - 电影时长 -->
                            <div class="form-group row m-0 w-100">
                                <label for="f3" class="col-form-label">电影时长</label>
                                <input type="text" class="form-control" name="time" id="f3"/>
                            </div>
                            <!-- 输入框 - 票价 -->
                            <div class="form-group row m-0 w-100">
                                <label for="f4" class="col-form-label">票价</label>
                                <input type="text" class="form-control" name="price" id="f4"/>
                            </div>
                            <!-- 提交按钮 -->
                            <input type="submit" class="btn btn-info mt-4 col-6" value="确认">
                        </form>
                        <a class="btn btn-close">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-x" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 影票管理 -->
            <div class="db-item m-0 mt-3 p-2">
                <!-- 表格 -->
                <table class="table table-light bg-white white-block m-0 w-100 text-center table-striped table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>电影</th>
                        <th>座位</th>
                        <th>放映时间</th>
                        <th>支付</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${sessionScope.tickets}" var="ticket">
                        <tr>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="id"
                                           value="${ticket.getKid()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="name"
                                           value="${ticket.getFilmName()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="info"
                                           value="${ticket.getInfo()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="time"
                                           value="${ticket.getTime()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="price"
                                           value="${ticket.getPrice()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <a class="p-1 btn btn-modify text-info" href="javaScript:void(0)">编辑</a>
                                <a class="p-1 btn btn-remove text-success"
                                   href="<c:url value="/removeServlet?stored=del_ticket&id=${ticket.getKid()}&back=/adminServlet"/>">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                <!-- 修改页面 -->
                <div class="w-100 h-100 d-none modify">
                    <div class="white-block m-0 w-25 bg-light p-4" id="modify-ticket">
                        <form action="modifyServlet" class="d-inline-flex flex-column align-items-center m-2">
                            <!-- 表单 - 信息-->
                            <div class="d-none">
                                <label>
                                    <input type="text" name="table" value="filmegener">
                                    <input type="text" name="id">
                                </label>
                            </div>
                            <!-- 下拉菜单 - 电影 -->
                            <div class="row w-100 mb-2">
                                <div class="col-auto pl-0">
                                    <label for="t1" class="col-form-label">电影</label>
                                </div>
                                <div class="col-auto">
                                    <select class="custom-select classify" id="t1" name="name">
                                        <option selected class="text-light">Choose</option>
                                        <c:forEach items="${sessionScope.films}" var="f">
                                            <option value="${f.getId()}">
                                                <c:out value="${f.getName()}"/>
                                            </option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                            <!-- 下拉菜单 - 座位 -->
                            <div class="row w-100 mb-1">
                                <div class="col-auto pl-0">
                                    <label for="t2" class="col-form-label">座位</label>
                                </div>
                                <div class="input-group" id="t2">
                                    <select class="custom-select" id="hall" name="hall">
                                        <option selected value="A">A</option>
                                        <option value="B">B</option>
                                        <option value="C">C</option>
                                        <option value="D">D</option>
                                        <option value="E">E</option>
                                        <option value="F">F</option>
                                    </select>
                                    <div class="input-group-append">
                                        <label for="hall" class="input-group-text pt-0 pb-0 pl-2 pr-2">厅</label>
                                    </div>
                                    <select class="custom-select" id="row" name="row">
                                        <option selected value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>
                                    <div class="input-group-append">
                                        <label for="row" class="input-group-text pt-0 pb-0 pl-2 pr-2">排</label>
                                    </div>
                                    <select class="custom-select" id="seat" name="seat">
                                        <option selected value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>
                                    <div class="input-group-append">
                                        <label for="seat" class="input-group-text pt-0 pb-0 pl-2 pr-2">座</label>
                                    </div>
                                </div>
                            </div>
                            <!-- 输入框 - 放映时间 -->
                            <div class="form-group row m-0 w-100">
                                <label for="t3" class="col-form-label">放映时间</label>
                                <input type="text" class="form-control" name="time" id="t3"/>
                            </div>
                            <!-- 提交按钮 -->
                            <input type="submit" class="btn btn-info mt-4 col-6" value="确认">
                        </form>
                        <a class="btn btn-close">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-x" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                      d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 订单管理 -->
            <div class="db-item m-0 mt-3 p-2">
                <table class="table table-light bg-white white-block m-0 w-100 text-center table-striped table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>手机号</th>
                        <th>客户名</th>
                        <th>下单时间</th>
                        <th>下单总价</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${sessionScope.orders}" var="order"
                               begin="${param.st}" end="${param.ed}">
                        <tr>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly disabled
                                           value="${order.getId()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly disabled
                                           value="${order.getUserTel()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly disabled
                                           value="${order.getUser()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="time"
                                           value="${order.getTime()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <label class="d-inline-block m-0">
                                    <input type="text" class="form-control-plaintext text-center" readonly name="price"
                                           value="${order.getPrice()}"/>
                                </label>
                            </td>
                            <td class="form-group col-2">
                                <a class="p-1 btn btn-remove text-success"
                                   href="<c:url value="/removeServlet?stored=del_order&id=${order.getId()}&back=/adminServlet"/>">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                <!-- 翻页按钮 -->
                <div class="row justify-content-center w-25 m-auto p-2">
                    <c:if test="${param.st} > 0">
                        <a class="btn btn-light m-2" href="admin.jsp?st=${param.st - 7}&ed=${param.ed - 7}">上一页</a>
                    </c:if>
                    <a class="btn btn-light m-2" href="admin.jsp?st=${param.st + 7}&ed=${param.ed + 7}">下一页</a>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="./js/admin.js"></script>
</body>
</html>
